

html {
	
	color:black;
	min-height:100%;
}

div.torchd-ui-ajax-loader {
	margin:20px auto;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/ajax-loader.gif);
	width:43px;
	height:11px;
}

.clearboth {
	clear:both;
}


#torchd-ui-designer-canvas-container {
	width:100%;
	padding-top:50px;
}

#torchd-ui-designer-canvas {
	margin:0px auto;
	width:1000px;
}


#torchd-ui-mask {
	width:100%;
	height:100%;
	z-index:999;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/transparent_80.png) repeat;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
}


/** SYSTEM UI */
ul#torchd-ui-topbar {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	color:#d2d1d1;
	padding:0px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #003366;
	height:40px;
	margin:0px;
	z-index:101;
	font-family:"Helvetica", sans-serif;
	
}

ul#torchd-ui-topbar li {
	padding:0px 25px;
	display:block;
	float:left;
	text-align:center;
	position:relative;
	height:40px;
	margin:0px;
	line-height:20px;
}


ul#torchd-ui-topbar li ul {
	position:absolute;
	left:0px;
	display:none;
	text-align:left;
}

ul#torchd-ui-topbar li.torchd-ui-logo {
	float:right;
	width:200px;
	height:40px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/concerto_designer_small.jpg) no-repeat;
	border-left:solid 1px #d2d1d1;
	padding:0px;
}

ul#torchd-ui-topbar li.torchd-ui-tab {
	line-height:40px;
}

ul#torchd-ui-topbar li.torchd-ui-tab:hover, ul#torchd-ui-topbar li.torchd-ui-tab.torchd-ui-selected {
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #336699;
	color:white;
	cursor:pointer;
}

ul#torchd-ui-topbar li.torchd-ui-tab.torchd-ui-selected {
	background-color:#3399cc;
}

ul#torchd-ui-topbar li.torchd-ui-tab ul li {
	background:none;
	text-align:left;
	line-height:20px;
	font-size:13px;
	padding:3px 15px 3px 15px;
	white-space:pre;
	display:block;
	float:none;
	height:auto;
	
}

ul#torchd-ui-topbar li.torchd-ui-tab ul li:hover {
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) bottom repeat-x #3399cc;
	color:white;
	cursor:pointer;
}

ul#torchd-ui-topbar li.torchd-ui-tab ul {
	background:#f0f0f0;
	color:#3a3a3a;
	font-weight:bold;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding-top:4px;
	padding-bottom:4px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-box-shadow:0px 10px 20px #777;
   	-moz-box-shadow:0px 10px 20px #777;
  	 box-shadow:0px 10px 20px #777;
}

ul#torchd-ui-topbar li.torchd-ui-tab ul li:hover ul {
	display:block;
}

ul#torchd-ui-topbar li.torchd-ui-tab ul li ul {
	position:absolute;
	left:100%;
	top:-5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-top:solid 1px #ccc;
}

ul#torchd-ui-topbar li.torchd-ui-tab ul li.torchd-ui-disabled {
	color:#ccc;
	font-weight:100;
}

ul#torchd-ui-topbar li.torchd-ui-tab ul li.torchd-ui-disabled:hover {
	background:inherit;
	cursor:default;
}



ul#torchd-ui-topbar .torchd-ui-menu-arrow {
	display:block;
	float:right;
	margin-left:20px;
	width:15px;
	text-align:right;
}

ul#torchd-ui-topbar .torchd-ui-menu-separator {
	border-bottom:solid 1px #3a3a3a;
	margin-bottom:5px;
}

ul#torchd-ui-topbar li.torchd-ui-tab ul li.torchd-ui-menu-separator:hover {
	background:none;
	cursor:default;
}


.torchd-ui-topbar-selected-element-type {
	font-size:12px;
	line-height:15px;
}



.torchd-ui-system h2 {
	font-size:25px;
	line-height:30px;
	font-weight:bold;
	border:solid 1px #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:white;
	text-shadow: 0px 1px 1px #202020;
	padding:5px 10px;
	margin:0px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/wave_40.png) repeat-x bottom #3a3a3a;
}

.torchd-ui-system input[type="text"] {
	border:solid 1px #777;
	padding:5px;
	outline:none;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #f0f0f0;
	display:block;
	color:#101010;
	font-size:13px;
	width:100%;
}

.torchd-ui-system textarea {
	border:solid 1px #777;
	padding:5px;
	outline:none;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #f0f0f0;
	font-size:13px;
	width:100%;
	height:50px;
	resize:none;
	color:#101010;
}

.torchd-ui-system input[type="text"].thin {
	width:84px;
}


.torchd-ui-system fieldset {
	background:white;
	border:solid 1px #ccc;
	padding:8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:5px;
	margin-bottom:5px;
}

.torchd-ui-system fieldset label {
	color:#202020;
	font-weight:bold;
}

.torchd-ui-dynamic-content-grid {
	display:block;
	float:left;
	margin-right:10px;
}

.torchd-ui-system fieldset fieldset {
	background-color:#ccc;
}

.torchd-ui-system fieldset fieldset label {
	color:#101010;
}

.torchd-ui-system fieldset fieldset legend, .torchd-ui-system fieldset fieldset select {
	background-color:white;
	color:#3a3a3a;
	border-color:#3a3a3a;
}

.torchd-ui-system fieldset h2 {
	background-color:#ccc;
	color:#3a3a3a;
}

.torchd-ui-system fieldset .torchd-ui-form-grid.float {
	float:left;
	display:block;
	margin:5px 5px 0px 5px;
}

.torchd-ui-system fieldset .torchd-ui-form-grid input[type="text"] {
	margin-bottom:5px;
}

.torchd-ui-system fieldset legend {
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #336699;
	color:white;
	font-size:14px;
	padding:5px;
	font-weight:bold;
	border:solid 1px #ccc;
	text-shadow: 0px 1px 1px #3a3a3a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


.torchd-ui-system button {
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/wave_40.png) repeat-x center #444;
	padding:5px 10px;
	font-size:13px;
	color:#d2d2d2;
	font-weight:bold;
	margin:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	text-shadow: 0px 1px 1px #3a3a3a;
	border:none;
}

.torchd-ui-system .torchd-ui-form-buttons button {
	display:inline-block;

}

.torchd-ui-system button:hover {
	background-color:#101010;
	cursor:pointer;
	
	text-shadow: 0px 1px 1px #202020;
	color:white;
}

.torchd-ui-system label {
	color:#e3e3e3;
	font-size:11px;
	display:block;
}

.torchd-ui-system .torchd-ui-form-message {
	padding:5px;
	font-size:12px;
	color:white;
}


.torchd-ui-system {
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #f0f0f0;
	font-family:"Helvetica", sans-serif;
}

.torchd-ui-system.torchd-ui-window {
	position:fixed;
	
	top:20%;
	left:50%;
	
	display:none;
	z-index:1000;
	border:solid 1px black;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:8px;
	/**-moz-box-shadow: 0px 0px 10px #202020;
  	-webkit-box-shadow: 0px 0px 10px #202020;
  	box-shadow: 0px 0px 10px #202020;*/
}

.torchd-ui-system.torchd-ui-window.torchd-ui-small {
	width:400px;
	margin-left:-216px;
	margin-top:-65px;
}

.torchd-ui-system.torchd-ui-window.torchd-ui-big {
	width:700px;
	margin-left:-366px;
	margin-top:-65px;
}

/** WINDOW */
.torchd-ui-designer-window {
	position:fixed;
	top:20%;
	right:20%;
	z-index:100;
	border:solid 1px #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #336699;
	-webkit-box-shadow:0px 0px 5px #777;
   	-moz-box-shadow:0px 0px 5px #777;
  	 box-shadow:0px 0px 5px #777;
}

.torchd-ui-designer-window-topbar {
	cursor:move;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #003366;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:6px;
	font-size:12px;
	line-height:20px;
	color:#e3e3e3;
	height:20px;
}

.torchd-ui-designer-window-sidebar {
	width:150px;
	float:left;
	height:368px;
}

.torchd-ui-designer-window-tab {
	display:none;
	float:left;
	width:340px;
	padding:5px;
	height:358px;
	overflow-y:auto;
}

.torchd-ui-designer-window-topbar li {
	display:block;
	float:left;
	line-height:20px;
}

.torchd-ui-designer-window-tab {
	background:#ccc url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom;
}

.torchd-ui-designer-window-tab label {
	color:#3a3a3a;
}

.torchd-ui-designer-window-tab fieldset {
	margin-bottom:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.torchd-ui-designer-window-tab .torchd-ui-appearance-window-grid-three {
	width:100px;
	float:left;
}

.torchd-ui-designer-window-tab .torchd-ui-appearance-window-grid-two {
	width:150px;
	float:left;
}

.torchd-ui-designer-window-tab .torchd-ui-appearance-window-grid-two input[type="text"] {
	width:130px;
}

.torchd-ui-designer-window-tab .torchd-ui-appearance-window-grid-two input[type="text"].torchd-ui-colorpicker {
	width:70px;
	display:inline;
}

.torchd-ui-designer-window-tab .torchd-ui-appearance-window-grid-three input[type="text"].torchd-ui-colorpicker {
	width:70px;
	display:inline;
}

.torchd-ui-designer-window-tab button.torchd-ui-colorpicker-button {
	display:inline;
	font-size:11px;
	padding:5px;
	margin:0px 0px 0px 5px;
}

.torchd-ui-designer-window-tab-legend {
	margin-top:5px;
}

.torchd-ui-designer-window-tab .torchd-ui-appearance-window-grid-four {
	width:80px;
	float:left;
}

.torchd-ui-designer-window .torchd-ui-appearance-window-submit-button {
	margin-top:255px;
	height:45px;
	text-align:center;
	font-size:18px;
	line-height:45px;
	padding:0px;
}

.torchd-ui-designer-window-tab .torchd-ui-appearance-window-grid-four input[type="text"].torchd-ui-thin {
	width:60px;
}

.torchd-ui-designer-window-tab .torchd-ui-appearance-window-grid-four input[type="text"] {
	width:60px;
}

.torchd-ui-designer-window-tab fieldset {
	border:solid 1px #999;
	border-style:
}



.torchd-ui-designer-window-topbar li.torchd-ui-designer-window-button {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade.png) repeat-x bottom #e3e3e3;
	border:solid 1px #ccc;
	width:20px;
	height:20px;
	
	margin-left:3px;
	text-align:center;
	float:right;
	color:#3a3a3a;
}

.torchd-ui-designer-window-topbar li.torchd-ui-designer-window-button:hover {
	cursor:pointer;
	background-color:#3a3a3a;
	color:#e3e3e3;
}

.torchd-ui-designer-window-content {
}

.torchd-ui-designer-window-content ul li {
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #f0f0f0;
	color:#3a3a3a;
	font-size:12px;
	padding:3px;
	border:solid 1px #777;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-weight:bold;
}

.torchd-ui-designer-window-content ul li.disabled {
	color:#999;
	font-weight:100;
}

.torchd-ui-designer-window-content ul li:hover {
	background-color:white;
	cursor:pointer;
}

.torchd-ui-designer-window-content ul li.disabled:hover {
	background-color:#f0f0f0;
	cursor:default;
}

.torchd-ui-designer-window-content ul li.torchd-ui-selected {
	background-color:#f0f0f0;
}

.torchd-ui-designer-window-content ul li.torchd-ui-selected:hover {
	color:#3a3a3a;
	border-color:#777;
}


.torchd-ui-designer-window-content ul li ul {
	display:none;
	margin-top:5px;
}

.torchd-ui-designer-window-content li li {
	font-weight:normal;
}



	




/** DIALOG SPECIFIC */
.torchd-ui-system select {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#3a3a3a;
	padding:5px 10px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom white;
	display:block;
	outline:none;
	margin-bottom:5px;
	font-size:12px;
	border:solid 1px #3a3a3a;
}

.torchd-ui-dialog-form-items-right ul li {
	display:block;
	margin:3px 0px 3px 3px;
	padding:5px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #d2d1d1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:11px;
	color:#3a3a3a;
}

.torchd-ui-dialog-form-items-right ul li:hover, .torchd-ui-dialog-form-items-right ul li.torchd-ui-selected {
	background-color:white;
	cursor:pointer;
	color:#202020;
}




.torchd-ui-system.window .torchd-ui-dialog-form {
	margin-top:5px;
}

.torchd-ui-system.window .torchd-ui-dialog-message {
	padding:5px;
	font-size:12px;
	color:white;
	display:none;
}

#torchd-ui-dialog-option-select {
	margin-top:5px;
	margin-bottom:5px;
	font-size:16px;
}








.torchd-ui-system-element {
	padding:5px;
	margin:5px;
	cursor:pointer;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) bottom repeat-x #99ccff;
	color:black;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	font-family:"Monaco", monospace;
	height:30px;
}

.torchd-ui-system-element:hover {
	outline:dashed 1px #3a3a3a;
	cursor:pointer;
}

.torchd-ui-layout-element.selected {
	outline: ridge 2px #66ccff;

}





#torchd-ui-designer-canvas p {
	min-height:10px;
}

#torchd-ui-designer-canvas h1 {
	margin:5px 0px;
	font-size:36px;
	font-weight:bold;
}

.torchd-ui-content-field {
	background:red;
	color:white;
}

/** CONDITIONALS */
.torchd-ui-layout-element.selected.designer-conditional-user, .layout-element.designer-conditional-user {
	background:#ffcccc;
	border:solid 1px #990000;
	padding:5px;
}


/** MULTISELECT */
.torchd-ui-livesearch-search {
	width:335px;
	float:left;
}

ul.torchd-ui-livesearch-search-results {
	display:block;
	font-size:10px;
	position:absolute;
	z-index:100;
	width:324px;
	color:#d2d1d1;
	margin-top:28px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #003366;
}

ul.torchd-ui-livesearch-search-results li {
	padding:3px 5px;
}

ul.torchd-ui-livesearch-search-results li:last {
	padding:3px;
	display:block;
}

ul.torchd-ui-livesearch-search-results li:hover {
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) repeat-x bottom #336699;
	cursor:pointer;
}

ul.torchd-ui-livesearch-selections {
	padding:10px 5px;
}

ul.torchd-ui-livesearch-selections li {
	display:inline-block;
	padding:3px;
	margin:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) bottom repeat-x #336699;
	font-size:10px;
	color:#e3e3e3;
}

a.torchd-ui-remove-livesearch, a.torchd-ui-remove-parameter {
	color:#e3e3e3;
	display:inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:1px 3px;
	text-decoration:none;
	margin-left:5px;
}

a.torchd-ui-remove-parameter {
	display:none;
	float:right;
	font-size:10px;
	
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) bottom repeat-x #003366;
}

.torchd-ui-dialog-form-items-right ul li:hover a.torchd-ui-remove-parameter {
	display:inline-block;
}

a.torchd-ui-remove-parameter:hover {
	background-color:#336699;
	color:white;
	cursor:pointer;
}	


a.torchd-ui-remove-livesearch:hover {
	background:url(/site-development/concerto-includes/includes/concerto/torchd.ui/images/upfade2.png) bottom repeat-x #003366;
	color:white;
	cursor:pointer;
}

/** UI OVERWRITES */
.ui-state-disabled {
	opacity:100;
	filter:alpha(opacity=100);
}


.torchd-ui-template-layout-grid {
	float:left;
	width:160px;
	padding:5px;
}

.torchd-ui-template-selector:hover, .torchd-ui-template-selector.torchd-ui-selected {
	background:#ffffcc;
	cursor:pointer;
}


.torchd-ui-system .torchd-ui-start-button {
	width:223px;
	height:150px;
	line-height:150px;
	text-align:center;
	font-size:30px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-top:20px;
	margin-bottom:20px;
}

.torchd-ui-system .torchd-ui-theme-button {
	width:164px;
	height:150px;
	line-height:150px;
	text-align:center;
	font-size:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-top:20px;
	margin-bottom:20px;
}

.torchd-ui-dialog-small-grid-two {
	float:left;
	width:190px;
}

.torchd-ui-dialog-small-grid-four {
	float:left;
	width:90px;
}

.torchd-ui-dialog-small-grid-two input[type="text"] {
	width:180px;
}



